html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font: normal 12px Arial,Helvetica,sans-serif;
    height: 100%;
}

fieldset {
    margin: 0;
}

ul.layout {
    list-style: none;
}

a {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0 0 10px;
}

#page {
    margin: 0 auto;
    width: 1024px;
}

#header {
    height: 56px;
    background-image: url('../../images/header-bg.png');
}

#header .logo {
    float: left;
    margin-left: 7px;
    text-decoration: none;
}

#header .logo img {
    border: none;
}

#header .right-controls {
    float: right;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 160px;
	padding-top: 17px;
}

#header .right-controls a {
    float: right;
    font-size: 14px;
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid white;
}

#header ul.top-links {
    margin: 5px 15px 0 0;
    text-align: right;
}

#header ul.top-links li {
    display: inline;
    font-size: 11px;
}

#header ul.top-links li a {
    color: #fff;
    padding: 0 8px 0 3px;
    font: 11px "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
}

#header ul.top-links li.last a {
    background: none;
    padding: 0 0 0 3px;
}

#header ul.top-links li.download-link a {
    color: #eccb7b;
}

#header ul#skin-menu {
    color: #89a0be;
    cursor: default;
    font-weight: bold;
    margin: 38px 15px 0 0;
    text-align: right;
}

#header ul#skin-menu li {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 25px;
    margin-left: 4px;
    padding-left: 5px;
}

#header ul#skin-menu li a {
    color: #89A0BE;
}

#header ul#skin-menu li span {
    height: 25px;
    font: bold 12px "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
    padding: 3px 5px 0 0;
    display: inline-block;
}

#header ul#skin-menu li span:hover {
    text-decoration: underline;
}

#header ul#skin-menu li.label span {
    color: #999999;
    cursor: default;
    font-weight: normal;
}

#header ul#skin-menu li.current-skin {
    
}

#header ul#skin-menu li.current-skin span {
    
    color: #fff;
}

#header ul#skin-menu li.label span:hover,#header ul#skin-menu li.current-skin span:hover {
    text-decoration: none;
}

#page-content {
    height: 100%;
    min-height: 520px;
}

#page-content .left-menu {
    float: left;
    margin-right: 10px;
    min-height: 450px;
    width: 235px;
}

#page-content .content-container {
    float: right;
    width: 700px;
}

#page-content .content-container fieldset.example-cnt {
    background: #ffffff;
    border: 1px solid #dddddd;
    border-top: 0;
    margin: 0;
    min-height: 470px;
    padding: 15px 20px 10px;
}

.clear {
    clear: both;
    height: 0%;
}

#footer {
    background-color: #0054A6;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
    text-align: center;
    padding: 15px 0px 10px 0px;
}

.source,div.rf-log {
    width: 650px;
}

a.show,a.hide {
    font: bold 12px "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
    color: #5F9CD0;
    display: block;
}

/*--- RichFaces panelMenu styles overwriting ---*/
.left-menu .rf-pm {
    border-bottom: 0;
}

.left-menu .rf-pm .rf-pm-top-gr {
    border: 0;
    border-bottom: 1px solid #969b9e;
    margin: 0;
    padding: 0;
}

.left-menu .rf-pm .rf-pm-top-gr-hdr {
    background: #c6cacc url(../images/pmenu_bg.png) left top repeat-x;
    padding: 3px 1px 2px 3px;
}

.left-menu .rf-pm .rf-pm-top-gr-hdr:hover {
    background: #c6cacc url(../images/pmenu_bg.png) left top repeat-x;
}

.left-menu .rf-pm .rf-pm-top-gr-ico {
    display: none;
}

.left-menu .rf-pm .rf-pm-top-gr-lbl {
    color: #273945;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
    margin-left: 4px;
}

.left-menu .rf-pm .rf-pm-top-gr-lbl:hover {
    color: #5a8eba;
}

.left-menu .rf-pm-exp {
    background: #ffffff;
}

.left-menu .rf-pm-exp .rf-pm-itm {
    border: 0;
    border-bottom: 1px solid #dddddd;
}

.left-menu .rf-pm-exp .rf-pm-itm:hover {
    background: none;
}

.left-menu .rf-pm-exp .rf-pm-itm-lbl:hover {
    color: #5f9cd0;
}

.left-menu .rf-pm-exp .rf-pm-itm-sel,.left-menu .rf-pm-exp .rf-pm-itm-sel:hover { /*background:#e3e8ef;*/
    
}

.left-menu .rf-pm-exp .rf-pm-itm-lbl {
    color: #305f7b;
    font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
}

.left-menu .rf-pm-exp .rf-pm-itm-sel .rf-pm-itm-lbl {
    color: #5f9cd0;
    font-weight: bold;
}

.left-menu .rf-pm-exp .rf-pm-itm-ico {
    padding: 0 !important;
    width: 5px;
}

/*--- RichFaces tabPanel styles overwriting ---*/
.navigation .rf-tab-hdr-tabline-vis {
    background: #ebf6fd;
    border: 0;
    height: 31px;
    padding: 0;
}

.navigation .rf-tab-hdr {
    border: 1px solid #dddddd;
    padding: 6px 10px 0;
    margin-right: 3px;
}

.navigation .rf-tab-hdr-act {
    background: #ffffff;
    border-bottom: 0;
    color: #5F9CD0;
}

.navigation .rf-tab-hdr-act .rf-tab-lbl {
    font-weight: bold;
}

.navigation .rf-tab-hdr-inact {
    background: #c6cacc url(../images/pmenu_bg.png) left top repeat-x;
    border: 1px solid #bec3c7;
}

.navigation .rf-tab-hdr-spcr {
    border-bottom: 1px solid #dddddd;
    padding: 0 3px 0 0;
}

.navigation .rf-tab-lbl {
    font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
}

textarea[disabled],input[type="text"][disabled],input[type="password"][disabled],select[disabled] {
    -webkit-text-fill-color: #B6AD84;
}

.accordion  {
	background-color: #E6E9EC;
	color:#B1B4B8;
	padding: 13px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font: normal 12px Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
}

a.accordion {
	color:#B1B4B8;
}

a.accordion:hover {
	background-image: url('../../images/accordion-bg.png');
	color:#FFFFFF;
	padding: 13px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font: normal 12px Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid;
	text-decoration: none;
}

.accordion-selected {
	background-image: url('../../images/accordion-bg.png');
	color:#FFFFFF;
	padding: 13px;
	display: block;
	text-align: center;
	vertical-align: middle;
	font: normal 12px Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid;
}

a.accordion-selected {
	color:#FFFFFF;
}

a.accordion-selected:hover {
	text-decoration: none;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	background-image: url(../../images/button-anchor.png);
	background-repeat: no-repeat;
	background-position: 80% 50%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#140614;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 80px;
	text-decoration:none;
}

a.button {
	color:#140614;
}

.button:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #006ACA;
	-webkit-box-shadow:inset 0px 1px 0px 0px #006ACA;
	box-shadow:inset 0px 1px 0px 0px #006ACA;
	border:1px solid #0054A6;
	background-color:#0054A6;
	background-image: url(../../images/button-anchor-hover.png);
	color:#FFFFFF;
	text-decoration: none;
}

.button:active {
	position:relative;
	top:1px;
}

.button-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #006ACA;
	-webkit-box-shadow:inset 0px 1px 0px 0px #006ACA;
	box-shadow:inset 0px 1px 0px 0px #006ACA;
	background-color:#0054A6;
	background-repeat: no-repeat;
	background-position: 80% 50%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #0054A6;
	display:inline-block;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 80px;
	text-decoration:none;
}

.button-blue:hover {
	text-decoration:none;
}

a.button-blue:visited {
	color:#FFFFFF;
}

.button-black {
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background-color:#000000;
	background-repeat: no-repeat;
	background-position: 80% 50%;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:6px 80px;
	text-decoration:none;
}

.button-black:hover {
	text-decoration:none;
}

.gridLabel {
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color: #0054A6;
	padding-right: 20px;
}

.gridValue{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color: #140614;
}

.gridSpace{
	padding-right: 50px;
}

#colleft   { 
	width:303px; 
	float:left; 
	overflow:hidden
}

#hidePanel { 
	cursor: pointer;
}

#showPanel { 
	position:inherit; 
	z-index:2; 
	left:0; 
	float:left; 
	padding-top:40px; 
	display:none; 
	width:0px; 
	height:100px; 
	cursor:pointer;
}

#showPanel span{
	display:block; 
	font-size:24px; 
	height:30px; 
	margin-top:20px; 
	padding:10px 0 10px 10px; 
	width:20px; 
	background: #333;
	color: #FFFFFF;
}

/*Breadcrumb*/

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb-current {
	background: #0054A6 !important;
	color: #FFFFFF !important;
}
.breadcrumb-current:after {
	border-left: 29px solid #0054A6 !important;
}
.breadcrumb li a {
	color: #666666;
	text-decoration: none; 
	padding: 5px 0 5px 45px;
	background: #E6E9EC;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 29px solid #E6E9EC;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 10px;
}

.jquery-accordion  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.jquery-accordion div {
	background-color: #eee;
}

.jquery-accordion p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.jquery-accordion a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}
.jquery-accordion a:hover {
	background-color: white;
}
.jquery-accordion a.selected {
	color: black;
	background-color: #80cfe2;
}